<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section data-role="page" class="container" id="join_room_view">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>조인룸 상세보기</h2>
            
            <!--left  btn-->
            <div class="top_left">
                <a href="join_room.html" data-rel="" data-direction="reverse" class="ico_btn btn2">이전</a>
            </div>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content">
        <!--프로필영역-->
        <article class="room_view_top">
            <div class="prof" id="detail_prof">
                <img src="../images/noimg_100_100.gif" alt="프로필" id="prof_image"/>
                <a href="#" data-transition="slide"><span class="nickname" id="nickname">잭니클라우스</span></a>
            </div>

            <div class="state">
                <p class="st">
                    <!-- <span class="state_finish">마감</span> -->
                    <!--span class="state_ok">조인완료</span> -->
                    <span class="state_ing">진행중</span>
                </p>
                <p><span class="ico_all ico1"><em>비밀글</em></span></p>
            </div>
        </article> <!-- // class="room_view_top" 끝  -->       
        
        <!--상세 View-->
        <ul class="view_cont">
            <!--나의 참여상태   -->
            <li>
                <h5>나의 참여상태</h5>
                <ul class="take" id="detail_take_status">
                    <li class="">미신청</li> <!--  상태표시 css style부분 -->
                    <li><span class="ico_all ico5"><em>→</em></span></li>
                    <li class="">신청완료</li>
                    <li><span class="ico_all ico5"><em>→</em></span></li>
                    <li class="">참여승인</li>
                </ul>
                                    
                <!--"미신청" 상태 보여주는 btn-->
                <p class="bt bt_A"><button data-theme="c" data-inline="true" id="take_req_btn">참여신청</button> </p>
                
                <!--"신청완료" 상태 보여주는 btn-->
                <p class="bt bt_B"><button data-theme="c" data-inline="true" id="req_cancel_btn">신청취소</button> </p>
                
                <!--"참여승인" 상태 보여주는 btn-->
                <p class="bt bt_C"><button data-theme="c" data-inline="true" id="take_cancel_btn">참여취소</button> </p>                 
            </li>
            
            <!--라운드 정보   -->
            <li>
                <h5>라운드 정보</h5>
                <ul class="round" id="round_info">
                    <li class="dis_bl" >2012.03.31 (월) 18:30 </li>
                    <li>스카이골프 오션코스</li>
                    <li>18H</li>
                </ul>
            </li>
            
            <!--참여조건  -->
            <li>
                <h5>참여조건</h5>
                <ul class="part_if" id="take_terms">
                    <li id="detail_sex">
                        <h6>- 성별</h6>
                        <!--남자일때-->
                        <!--span class="sex_m">남</span-->
                        
                        <!--여자일때 -->
                        <span class="sex_w">여</span>
                    </li> 
                    <li id="detail_age">
                        <h6>- 연령대</h6>
                        60대이상
                    </li> 
                    <li id="detail_hit">
                        <h6>- 평균타수</h6>
                       100돌이
                    </li> 
                    <li id="detail_smoke">
                        <h6>- 흡연여부</h6>
                        비흡연
                    </li> 
                </ul>
            </li>
            
            <!--신청자  -->
            <li class="in_block" id="detail_applicant">
                <h5>신청자</h5>
                3명
            </li>
            
            <!--참여자-->
            <li class="in_block" id="detail_particnt">
                <h5>참여자</h5>
                <mark>3명</mark> / 5명
            </li>
            
            <!--상세내용-->
            <li id="detail_description">
                <h5>상세내용</h5>
                <div>즐거운 라운딩이 되었으면 좋겠네요 . 되도록이면 참여자가 2명이 남자니 여자분이면 흐흐흐 ^^ </div> 
            </li>                
        </ul><!-- //  class="view_cont"  끝  -->  
        
        <!--댓글-->
        <div class="reply_area" id="reply_area">
            <h5>댓글<mark>(0)</mark></h5>
            <!--댓글 쓰기-->
            <div class="reply_write">
                <form action="#" method="#">
                    <fieldset data-role="fieldcontain" class="ui-grid-a">
                        <div class="ui-block-a"><textarea placeholder="한글 100자 이내로 입력하세요." id="reply_text_area"></textarea></div>                        
                        <div class="ui-block-b"><button data-theme="b" data-inline="true" id="reply_reg_btn">등록</button></div>
                    </fieldset>
                </form>
            </div><!-- //  class="reply_write"  끝  --> 
            
            <!--댓글 list-->
            <ul data-role="listview" data-theme="c" class="reply_list" id="reply_listview">
                <!--댓글이 없을때 보여주는 영역-->
                <!--li class="no_l">댓글이 없습니다.   첫번째 댓글을 남겨주세요.</li-->
                
                <li>
                    <a href="../mypage/profile_view.html" data-transition="slide"><img src="../images/noimg_100_100.gif" alt=""/> </a>
                    <h3>잭니클라우스</h3>
                    <p>한박사님과 함께 골프를 즐기며 쉽고 빠르고 제대로 배울수있는 카페제대로~! </p>
                    <time>2012.03.31 17:30</time>
                    <!--삭제 btn-->
                    <button data-role="none"><span class="ico_navi navi26"></span></button>
                </li>
                <li>
                    <a href="../mypage/profile_view.html" data-transition="slide"><img src="../images/noimg_100_100.gif" alt=""/> </a>
                    <h3>팡야</h3>
                    <p>한박사님과 함께 골프를 즐기며 쉽게 </p>
                    <time>2012.03.31 17:30</time>
                    <!--삭제 btn-->
                    <button data-role="none"><span class="ico_navi navi26"></span></button>
                </li>
                <li>
                    <a href="../mypage/profile_view.html" data-transition="slide"><img src="../images/noimg_100_100.gif" alt=""/> </a>
                    <h3>타이거우즈</h3>
                    <p>한박사님과 함께 골프를 즐기며 쉽고 빠르고 제대로 배울수있는 카페제대로~! </p>
                    <time>2012.03.31 17:30</time>
                    <!--삭제 btn-->
                    <button data-role="none"><span class="ico_navi navi26"></span></button>
                </li>
            </ul><!-- //  class="reply_list" 끝  -->           
        </div><!-- //  class="reply_area" 끝  -->   
              
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>